@import '../_function';

.plugins-message-box {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: pr(-163);
	margin-top: pr(-163);
	z-index: 99999;
	width: pr(326);
	height: pr(326);
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	border-radius: pr(10);
	background: rgba(0, 0, 0, 0.7);
	&.default {
		color: #fff;
	}
	&.success {
		color: #28f900;
	}
	&.error {
		background: rgba(0, 0, 0, 0.2);
		color: #ff000f;
	}
	&.loading {
		color: #f9b600;
	}
	.message-icon {
		font-size: pr(150);
	}
	.icon-loading-animate {
		animation: loading .5s infinite;
	}
	@keyframes loading {
		to {
			transform: rotate(0deg);
		}
		from {
			transform: rotate(360deg);
		}
	}
	.message-container {
		margin-top: pr(40);
		font-size: pr(33);
		padding: 0 pr(20);
		text-align: center;
	}
}

